*{
  background-color: #dfdfdf;
}
.score-container{
  display: inline-block;
  width: 100px;
  height: 80px;
}
.score-title{
  height: 40px;
  text-align: center;
  line-height: 40px;
  background-color: #b1b1b1;
  border-radius: 10px;
  font-size: 30px;
  margin-bottom: 10px;
}
#score{
  display: inline-block;
  width: 100%;
  height: 25px;
  line-height: 25px;
  background-color: #ff9966;
  border-radius: 10px;
  font-size: 20px;
  text-align: center;
}
.grid{
  display: flex;
  flex-wrap: wrap;
  width: 400px;
  height: 400px;
  background-color: gray;

}
.grid div{
  width: 80px;
  height: 80px;
  line-height: 80px;
  font-size: 40px;
  text-align: center;
  margin:10px;
  border-radius: 10px;
}
#result{
  display: inline-block;
  margin-left: 20px;
  font-size: 20px;
}
.color0{
  background-color: #d1cccc;
}
.color2{
  background-color: #ffffcc;
  z-index: 999;
}
.color4{
  background-color: #ffcc99;
}
.color8{
  background-color: #ffcc66;
}
.color16{
  background-color: #ffd148;
}
.color32{
  background-color: #ffbf00;
}
.color64{
  background-color: #ff9999;
}
.color128{
  background-color: #ff9966;
}
.color256{
  background-color: #ff9933;
}
.color512{
  background-color: #ff9900;
}
.color1024{
  background-color: #ff6600;
}
.color2048{
  background-color: #ff3300;
}